<template>
	<view class="main-box">
		<!-- 纯文本展示 -->
		<view class="input-container">
			<text class="input-label">家庭住址</text>
			<text class="only-text">苏州昆山花桥镇启航社河东</text>
		</view>

		<!-- 输入框 -->
		<view class="input-container">
			<text class="input-label">邀请码</text>
			<input class="input-field" type="text" v-model="v" placeholder="请输入项目邀请码" placeholder-class="input-placeholder" bindinput="" />
		</view>

		<!-- 下拉框 -->
		<dropdown v-model:value="dropdownVal" title="身份证号码" :options="dropdownOptions" />
	</view>
</template>
<script>
	import commonMixins from "@/mixins/commonMixins";
	import dropdown from "@/components/dropdown.vue";
	export default {
		mixins: [commonMixins],
		components: {
			dropdown,
		},
		data() {
			return {
				v: "",

				dropdownVal: "",
				dropdownOptions: [{
						label: "北京",
						value: "beijing"
					},
					{
						label: "上海",
						value: "shanghai"
					},
					{
						label: "广州",
						value: "guangzhou"
					},
					{
						label: "深圳",
						value: "shenzhen"
					}
				]
			}
		},
		onLoad(e) {},
		onShow() {
			// 多个接口调用
			uni.showLoading({
				title: '加载中',
				mask: true,
			});
			this.$request.xxx({
				isLoading: false
			}, (res) => {
				uni.hideLoading();
			});

			// 单个接口调用
			this.$request.xxx({}, (res) => {});
		},
		methods: {},
	}
</script>
<style lang="scss" scoped>
	// 引入sass样式变量(本来想全局引入，但是不成功，以后有空再解决)
	@import '@/static/scss/variables.scss';
</style>
<style lang="scss">
</style>